// https://github.com/chriskempson/tomorrow-theme
// Tomorrow Night Eighties
highlight-background   = #2d2d2d
highlight-current-line = #393939
highlight-selection    = #515151
highlight-foreground   = #cccccc
highlight-comment      = #999999
highlight-red          = #f2777a
highlight-orange       = #f99157
highlight-yellow       = #ffcc66
highlight-green        = #99cc99
highlight-aqua         = #66cccc
highlight-blue         = #6699cc
highlight-purple       = #cc99cc

pre, code
  // font-family: font-family-base
  font-family: 'Fira Code', monospace
  background: #eee
  font-size: 0.95em
  line-height: 20px

code
  padding: 0 5px

pre
  padding: 10px 15px
  code
    border: none
    display: block
    padding: 0

.highlight
  background: highlight-background
  color: highlight-foreground
  overflow: auto
  margin: 0
  font-size: 1.4rem
  table
    margin: 0 !important
    border: 0
    th, td
      padding: 0
  figcaption
    clearfix()
    margin: -5px 0 5px
    font-size: 0.9em
    color: gray-color
    a
      float: right
  pre
    padding: 0
    border: none
    background: none
  .line
    height: 20px

pre
  .comment
  .title
    color: highlight-comment
  .variable
  .attribute
  .tag
  .regexp
  .ruby .constant
  .xml .tag .title
  .xml .pi
  .xml .doctype
  .html .doctype
  .css .id
  .css .class
  .css .pseudo
    color: highlight-red
  .number
  .preprocessor
  .built_in
  .literal
  .params
  .constant
    color: highlight-orange
  .class
  .ruby .class .title
  .css .rules .attribute
    color: highlight-green
  .string
  .value
  .inheritance
  .header
  .ruby .symbol
  .xml .cdata
    color: highlight-green
  .css .hexcolor
    color: highlight-aqua
  .function
  .python .decorator
  .python .title
  .ruby .function .title
  .ruby .title .keyword
  .perl .sub
  .javascript .title
  .coffeescript .title
    color: highlight-blue
  .keyword
  .javascript .function
    color: highlight-purple
  .marked
    background: lighten(primary-color, 10%)
    color: rgba(255, 255, 255, 0.8)
  // https://github.com/primer/github-syntax-light
  .deletion
    background: #ffeef0
    color: #b31d28
  .addition
    background: #f0fff4
    color: #22863a

// user
code
  display: inline-block
  border-radius(border-radius-value)

.highlight
  border-radius(border-radius-value)
  margin: 1rem 0
  padding: 1rem 0
  overflow: auto
  pre
    margin: 0
  table
    width: auto
    &, tr, th, td
      border: none
    .gutter,
    .code
      padding: .5rem 1rem
    .gutter
      text-align: right
      color: gray-color !important
      user-select: none
  figcaption
    padding: .5rem 1rem
    margin-bottom: 0
    border-bottom: border-width border-color solid